/* always display the side-scrollbar */
html {
  overflow-y: scroll;
}

.clear {
  clear: both;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* close commented backslash hack */

/* Status messages */
div.messages, div.info {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  font-weight: bold;
}

div.info {
  color: #00529B;
  background-color: #bde5f8;
  background-image: url('../images/icons/i24/status/status-info.png');
}
.update div.info {
  padding: 15px 10px 15px 40px;
}

div.status {
  color: #4f8a10;
  background-color: #dff2bf;
  background-image:url('../images/icons/i24/status/status-ok.png');
}

div.warning {
  color: #9f6000;
  background-color: #feefb3;
  background-image: url('../images/icons/i24/status/status-warning.png');
}

div.error {
  color: #d8000c;
  background-color: #ffbaba;
  background-image: url('../images/icons/i24/status/status-error.png');
}
